<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>移动和旋转特效</title>
</head>
<style>
div{
	position:absolute;
	top:70px;
	left:0px;
	-webkit-transform:rotate(0deg);
	-webkit-transition:left 1s linear,-webkit-transform 1s linear;
}
div:hover{
	left:30px;
	-webkit-transform:rotate(180deg);
}
</style>
<body>
<div>
	<img src="../img/border-img.jpg" />
</div>
</body>
</html>
